<template>
    <div class="warp">
        <div class="title" @click="click">
            <router-link to="qilin">
            <i class="iconfont icon-fanhui1"></i></router-link>
            <div> {{res.custName}}</div>
        </div>
        <div class="con" style="text-align:left;margin-left:0.14rem;margin-top:0.2rem;">{{res.custName}}</div>
        <div class="cont">
        <div>
            <p>收藏人数：</p>
            <span style="margin-left:0.8rem;margin-top:-0.15rem;">5</span>
        </div>
        <div>
            <p>业务类型：</p>
            <span style="margin-left:0.8rem;margin-top:-0.15rem;">{{res.businessType}}</span>
        </div>
        <div>
            <p>渠道类型：</p>
            <span style="margin-left:0.8rem;margin-top:-0.15rem;">{{res.channelTypeDesc}}</span>
        </div>
        <div class="pin">
            <p >经营品牌:</p>
            <span style="margin-left:0.6rem;margin-top:-0.15rem;">{{res.brandsType}}</span>
        </div>
        <div>
            <p>联系人:</p>
            <!-- <span>双益,</span> -->
        </div>
        <div>
            <p>所属地区:</p>
            <!-- <span>双益,</span> -->
        </div>
        </div>
        <dir class="di3"></dir>
        <div class="foter">
            <div> 
                <router-link to="qilin">
                <img src="../../assets/ic_homeq.png" alt="" style="width:0.25rem;height:0.25rem;" v-if="aaa" >
                <!-- <img src="../../assets/店铺-当前.png" alt="" v-else> -->
                <p>店铺</p></router-link>
            </div> 
            <div>
                <router-link to="qilinfenlei">
                <img src="../../assets/ic_classifyq.png" alt="" v-if="bbb" >
                <!-- <img src="../../assets/分类-当前.png" alt="" > -->
                </router-link>
                <p>分类</p>
            </div> 
            <div>
                <router-link to="qilinpinpan">
                <img src="../../assets/品牌.png" alt="" v-if="ccc">
                <!-- <img src="../../assets/ic_brandh.png" alt="" > -->
                <p>品牌</p></router-link>
            </div> 
            <div style="margin-right:0.4rem;"> 
                <!-- <img src="../../assets/档案.png" alt="" v-if="ddd" > -->
                <img src="../../assets/档案-当前.png" alt="" >
                <p>档案</p>
            </div> 
        </div>
        <div class="di">
            <img src="../../assets/ic_my_phone.png" alt="" style="width:0.16rem;height:0.16rem;">
            联系电话
        </div>
        <div class="di2"></div>
    </div>
</template>
<script>
import axios from "axios"
export default {
    data() {
        return {
            aaa:true,
            bbb:true,
            ccc:true,
            ddd:true,
            res:{}

        }
    },
    methods:{
                dj(){
            this.aaa=false
        },
        dj2(){
            this.bbb=false
        },
        dj3(){
            this.ccc=false
        },
        dj4(){
            this.ddd=false
        },
        click(){
            axios.get("https://web-gateway.newbeescm.com/b2b-app-web/getDealerFileInfoById/536/2177665",{
                     
            }).then(res =>{
                console.log(res)
                if(res.status===200){
                     this.res=res.data.result
                }
            })
        }
        
    },
    mounted() {
        this.click()
    },
}
</script>
<style lang="scss" scoped>
a{
  color: #333
}
.warp{
    box-sizing: border-box;
    height: 100%;
}
.di{
    width: 100%;
    height: 0.44rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.14rem;
    border: 1px solid #ccc; 
    box-sizing: border-box
}
.di3{
      width: 100%;
    height: 0.2rem;
    background: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.14rem;
    border: 1px solid #ccc; 
    margin-bottom: 0rem;
    box-sizing: border-box
}
.di2{
      width: 100%;
    height: 0.2rem;
    background: #ccc;
    display: flex;
    margin-bottom:0.5rem;
    align-items: center;
    justify-content: center;
    font-size: 0.14rem;
    border: 1px solid #ccc; 
    box-sizing: border-box
}
    .foter{
    width: 100%;
    height: 0.5rem;
    background: #fff;
    display: flex;
    position: fixed;
    bottom: 0;
    left:0;
    align-items: center;
    justify-content: center;
    font-size: 0.14rem;
    border-top: 1px solid #ccc;
    z-index: 9999;
    div{
        margin-top: 0.15rem;
        margin-left: 0.5rem;
        position: relative;
        top: 0.05rem;
        
        img{
            position: absolute;
            top:-0.25rem;
            left: 0.05rem;
        }
    }
    img{
        width: 0.18rem;
        height: 0.18rem;;
    }
}
.pin{
    position: relative;
}
.title{
    width: 100%;
    height: 0.44rem;
    background: #fff;
    position: relative;
    color: #333;
    // border-bottom: 1px solid #ccc;
    div{
        line-height: 0.44rem;
    }
    .icon-fanhui1{
        position: absolute;
        left: 0.14rem;
        top: 0.1rem;
        color: #999;
        font-size: 0.25rem;
    }
}
.cont{
    margin-bottom: 0.2rem;
    div{
        text-align: left;
        margin-left: 0.14rem;
        overflow: hidden;
        margin-top: 0.2rem;
        overflow-y:scroll; overflow-x:hidden;table-layout: fixed;word-wrap:break-word;word-break:break-all;
        span{
            float: left;
        }
    }
}
</style>